<template>
     <div class="Search">
         <input type="text" >
         <span>搜索</span>
     </div>
</template>

<script>
export default {
      
}
</script>

<style>
      *{
          margin: 0;
          padding: 0;
      }
      .Search{
          width: 100%;
          display: flex;
          justify-content: space-around;
          margin-top: 10px;
      }
      .Search input{
          width: 70%;
          height: 30px;
          border-radius: 10px;
          background-color: #f5f5f5;
          border: none;
          outline: none;

          
      } 
      .Search span{
          display: inline-block;
          height: 30px;
          background-color: aquamarine;
          border-radius: 5px;
          color: #c4c1c1;
      }
</style>